﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
<script type="text/javascript" charset="utf-8" src="~/Mobile/js/phonegap.js"></script>
  <script type="text/javascript" charset="utf-8">

      var pictureSource;   // origen de la imagen
      var destinationType; // establece el formato del valor devuelto 

      // Esperamos a que Cordova conecte con la cámara
      document.addEventListener("deviceready", onDeviceReady, false);

      // Cordova preparado para ser usado
      function onDeviceReady() {
          pictureSource = navigator.camera.PictureSourceType;
          destinationType = navigator.camera.DestinationType;
      }

      // Se ejecuta cuando la imagen se recupera correctamente desde foto 
      function onPhotoDataSuccess(imageData) {
          // Si queremos ver la imagen en codificación base64
          // console.log(imageData);

          // Obtenemos el handle de la imagen
          var imagen = document.getElementById('imagen');

          // Desbloqueamos los elementos de la imagen
          imagen.style.display = 'block';

          // Mostramos la foto capturada
          imagen.src = "data:image/jpeg;base64," + imageData;
      }

      // Se ejecuta cuando la imagen se recupera correctamente desde galería
      function onPhotoURISuccess(imageURI) {
          // Para ver el URI de la imagen 
          // console.log(imageURI);

          // Obtenemos el handle de la imagen
          var imagen = document.getElementById('imagen');

          // Desbloqueamos los elementos de la imagen
          imagen.style.display = 'block';

          // Mostramos la foto capturada
          imagen.src = imageURI;
      }

      // Función que se ejecuta cuando se pulsa el botón "Capturar foto"
      function capturePhoto() {
          // Mostramos la cámara del móvil y obtenemos la imagen 
          // capturada codificada en base64
          navigator.camera.getPicture(onPhotoDataSuccess, onFail,
          {
              quality: 50,
              destinationType: destinationType.DATA_URL
          });
      }

      // Función que se ejecuta cuando se pulsa el botón "Capturar foto editable"
      function capturePhotoEdit() {
          // Mostramos la cámara del móvil y permitimos editar la imagen, 
          // y obtenemos la imagen capturada codificada en base64
          navigator.camera.getPicture(onPhotoDataSuccess, onFail,
          {
              quality: 20,
              allowEdit: true,
              destinationType: destinationType.DATA_URL
          });
      }

      // Función que se ejecuta cuando se pulsa 
      // el botón "Desde album" o "Desde librería" 
      function getPhoto(source) {
          // Obtenemos la imagen del origen especificado (librería o galería)
          navigator.camera.getPicture(onPhotoURISuccess, onFail,
          {
              quality: 50,
              destinationType: destinationType.FILE_URI,
              sourceType: source
          });
      }

      // Si hay algún error
      function onFail(message) {
          alert('Error al trabajar con la cámara: ' + message);
      }

    </script>
    
  </head>
  <body>
    <button onclick="capturePhoto();">Capturar foto</button> <br>
    <button onclick="capturePhotoEdit();">Caputar foto editable</button> <br>
    <button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">Desde libreria</button><br>
    <button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">Desde album</button><br>
    <a href="localizacion.html">Localizacion</a>
    <img style="display:none;width:140px;height:140px;" id="imagen" src="" />    
  </body>

</html>
